<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2023-11-04 22:14:26
 * @LastEditors: sueRimn
 * @LastEditTime: 2023-11-04 22:14:41
-->
<template>
    <view class="container">
      <view
        v-for="item in count"
        :key="item"
        class="item"
      >
        <view class="line" />
        <view class="line" />
        <view class="line" />
      </view>
    </view>
  </template>
  <script>
  
  export default {
    props: {
      count: { type: Number, default: 3 }
    }
  }
  
  </script>
  <style lang="scss" scoped>
  .container{
    padding: 0 30rpx;
  }
  
  .item{
    margin-bottom: 60rpx;
    .line{
      height:35rpx;
      background: #e8e8e8;
      margin-bottom: 15rpx;
      &:nth-child(1){
        width: 100%;
      }
      &:nth-child(2){
        width: 60%;
      }
      &:nth-child(3){
        width: 30%;
      }
    }
  }
  </style>